<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<?php $this->html->loadCss("Content/VietTrung/css/main_style.css")?>
<?php $this->html->loadCss("Content/VietTrung/css/nivo-slider.css")?>
<?php $this->html->loadJs("Scripts/jquery-1.6.2.min.js")?>
<?php $this->html->loadJs("Content/VietTrung/js/jwplayer.js")?>
<title><?php echo $title?> | VietTrung</title>
</head>

<body>
	<div id="wrapper">
		<!-- Header -->
		<div id="header">
			<!-- Logo -->
			<div class="logo">
				<img src="<?php echo $this->url->content('Content/VietTrung/img/logo.png')?>" title="logo" alt="logo"/>
			</div>
            <div class="adverting header">
            	<img src="<?php echo $this->url->content('Content/VietTrung/img/advertising.jpg')?>" title="adverting" alt="logo adverting"/>
            </div>
		</div>
		<!-- End header -->
		<div id="main">
			<!-- Main menu -->
			<div id="topMenu">
				<?php echo $this->html->renderAction('topMenu', 'Components', '')?>
				<div class="lang-box">
					<?php echo $this->html->renderAction('chooseLang', 'Components', '')?>
				</div>
				<div class="search-box">
					<form>
						<input type="text" class="search-textbox" placeholder="<?php echo $this->resource->search?>"/>
						<input type="image" src="<?php echo $this->url->content('Content/VietTrung/img/button_header_search.png')?>" class="button-search-header"/>
					</form>
				</div>
			</div>
			<!-- End main menu -->
			<!-- Start home slide -->
			<div id="homeSlide">
				<?php echo $this->html->renderAction('slide', 'Component', 'Slide')?>
			</div>
			<!-- End home slide -->
			<!-- Start content -->
			<div id="mainContent">
				<!-- Main content -->
				<div class="content">
					<div class="content_Title">
						<div class="breadcrumb white"><?php echo $this->section->breadcrumb?></div>
					</div>
					<div class="content-container">
						<?php echo $this->content?>
					</div>
				</div>
				<!-- Right sidebar -->
				<div id="rightSideBar">
					<?php echo $this->html->renderAction('rightSideBar', 'Components', '')?>
				</div>
                <!-- Bottom image scroll -->
                <div id="bottomImgScroll" class="content">
                	<?php echo $this->html->renderAction('certificate', 'Component', 'Gallery')?>
                </div>
			</div>
			<!-- End main content -->
		</div>
		<div style="clear: both;"></div>
	</div>
	<!-- Start footer -->
	<div id="footer-wrapper">
		<?php $this->html->renderAction('footer', 'Components', '')?>
	</div>
	<!-- End footer -->
	<?php $this->html->loadJs(
		array(
			"Content/VietTrung/js/jquery.nivo.slider.pack.js",
			"Content/VietTrung/js/jquery.tools.min.js"
		));?>
	<script type="text/javascript">
		$(document).ready(function() {
			$('#slider').nivoSlider({
				effect:'fold', //Specify sets like: 'fold,fade,sliceDown'
				slices:12,
				animSpeed:500, //Slide transition speed
				pauseTime:5000,
				startSlide:0, //Set starting Slide (0 index)
				directionNav:false, //Next & Prev
				directionNavHide:false, //Only show on hover
				controlNav:true, //1,2,3...
				keyboardNav:true, //Use left & right arrows
				pauseOnHover:true, //Stop animation while hovering
				manualAdvance:false, //Force manual transitions
				captionOpacity:0.8, //Universal caption opacity
			});
			$("#scroller").scrollable({circular: true}).autoscroll({ autoplay: false });
		});
    </script>
<!-- ********************************************************************* -->
<!-- Javascript Block -->
<?php echo $this->section->scripts?>
<!-- Stylesheets Block -->
<?php echo $this->section->stylesheets?>
</body>
</html>
